import React, { Component } from 'react'
import { Layout } from 'antd';

import Header from './nav/Header';
import Footer from './nav/Footer';
import Breadcrumb from './nav/Breadcrumb';

export class Home extends Component {
  render() {
    const { Content } = Layout
    const ContentComponent = this.props.content
    // const { match, location } = this.props
    // console.log(match, location)
    return (
      <Layout className="layout">
          <Header {...this.props} />
        <Content style={{ padding: '0 50px' }}>
          <Breadcrumb />
          <div style={{ background: '#fff', padding: 24, minHeight: 572 }}>
            <ContentComponent />
          </div>
        </Content>
        <Footer />
      </Layout>
    )
  }
}

export default Home
